<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>黄凤珍个人简历</title>
    <link rel="shortcut icon" href="img/favicon.ico">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0,shrink-to-fit=no">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta content="black" name="apple-mobile-web-app-status-bar-style">
    <meta content="telephone=no" name="format-detection">
    <meta name="msapplication-tap-highlight" content="no">
    <link rel="stylesheet" href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" href="css/style.css"/>
	<script>
		var _hmt = _hmt || [];
		(function() {
		  var hm = document.createElement("script");
		  hm.src = "https://hm.baidu.com/hm.js?c4887c630239d0961fa9506507b05d66";
		  var s = document.getElementsByTagName("script")[0]; 
		  s.parentNode.insertBefore(hm, s);
		})();
	</script>
</head>
<body>
<div class="container">
    <div class="leftBox">
        <div class="head">
            <img src="img/tou.png" alt=""/>
            <h1>个人简历</h1>
        </div>
        <div class="basicInfo">
            <h2 class="leftTitle">基本信息</h2>
            <ul>
                <li><span>名字：</span>黄凤珍</li>
                <li><span>性别：</span>女</li>
                <li><span>毕业院校：</span>广西民族师范学院</li>
                <li><span>毕业时间：</span>2013年7月</li>
                <li><span>csdn博客：</span><a href="https://me.csdn.net/Hferje" target="_blank">https://me.csdn.net/Hferje</a></li>
                <li><span>GitHub：</span><a href="https://github.com/huangfengzhen" target="_blank">https://github.com/huangfengzhen</a></li>
            </ul>
        </div>
        <div class="contact">
            <h2 class="leftTitle">联系方式</h2>
            <ul>
                <li><span><i class="fa fa-fw fa-phone"></i>电话：</span>18207672397</li>
                <li><span><i class="fa  fa-fw fa-envelope-o"></i>邮箱：</span>ferje031@126.com</li>
                <li><span><i class="fa fa-fw fa-wechat"></i>微信：</span>HFZ853007191</li>
                <li><span><i class="fa fa-fw fa-qq"></i>QQ：</span>853007191</li>
            </ul>
        </div>
        <div class="application">
            <h2 class="leftTitle">应聘岗位</h2>
            <p>前端研发工程师</p>
        </div>
        <div class="aboutme">
            我是一个对前端由衷热爱、有趣的前端工程师。
            我目前正在寻找前端工程师岗位的工作机会，希望在前端开发领域，让我所掌握的技能落实到实处，献上一点绵薄之力！
        </div>
    </div>
    <!--  项目与工作 -->
    <div class="rightBox">

        <h3 class="rightTitle"><i class="fa fa-fw fa-rocket"></i>项目经验</h3>
        <h4>富思源项目
            <a href="http://ferje031.gitee.io/echartsmap20190506/" target="_blank" style="font-size:12px;"></a>
        </h4>
        <ul class="itemList">
            <li>
                <div class="circle"></div>
                <h5>echarts数据可视化
                    <a href="http://ferje031.gitee.io/echartsmap20190506/" target="_blank" style="font-size:12px;">网址：
                        <i class="fa fa-fw fa-external-link"></i>
                    </a>
                </h5>
                <p>用echarts和map进行布局</p>
                <p>用了气象天气接口获取数据实现天气预报的功能</p>
                <p>跳转的第二个页面也用到了高德地图的3D功能，获取周边的医院，消防基站，水源这些设备。</p>
                <p>视频监控功能用了海康的开发包进行的开发，实现实时监控播放效果，目前只能实现内网的监控，还不能实现外网的监控</p>
               
            </li>

           

        </ul>

        <h4>和家居商城
            <a href="https://www.hejiaju.com/" target="_blank" style="font-size:12px;"></a>
        </h4>
        <ul class="itemList">
            <li>
                <div class="circle"></div>
                <h5>商城项目
                    <a href="https://www.hejiaju.com/" target="_blank" style="font-size:12px;">网址：
                        <i class="fa fa-fw fa-external-link"></i>
                    </a>
                </h5>
                <p>HTML5/CSS3用于页面架构和布局</p>
                <p>JavaScript及Jquery实现页面的动态效果</p>
                <p>使用ajax异步请求数据以及前后端数据交互</p>
                <p>各个功能组件的文件管理和维护，从而在公共的部分直引进入</p>
                <p>持续优前端页面的设计、改版、更新,构建H5高级动效和功能小插件</p>
            </li>

            <li>
                <div class="circle"></div>
                <h5>H5页面</h5>
                <p>大型电商平台系统——
                    <a href="https://m.hejiaju.com/" target="_blank">H5页面</a>的前端开发，该项目后端由.net 和java 实现，主要负责部分页面的ajax数据开发和功能实现，以及网站公共功能和模块的开发</p>
                <p>该项目后期部分模块用了vue技术(居家百科)</p>
                <p>前期通过JavaScript控制实现rem的方式配合css3的媒体查询实现移动端页面开发</p>
                <p>样式中给html设计了fontSize的值，整体单位用rem，再用js动态计算当前宽度下的fontSize的值</p>
                <p>用swiper实现在页面的上下、左右滑动效果。</p>
                <p>利用ajax调用后端程序的接口，对页面进行数据交互，实现前后端分离同步进行</p>
                <p>用git将代码提交托管平台上。</p>
            </li>

        </ul>


        <h4>必优PC商城<a href="http://www.buysensor.com/" target="_blank" style="font-size:12px;text-indent: 20px;"></a></h4>
        <ul class="itemList">
            <li>
                <div class="circle"></div>
                <h5>PC商城项目<a href="http://www.buysensor.com/" target="_blank"  style="font-size:12px;">网址：<i class="fa fa-fw fa-external-link"></i></a></h5>
                <p>包括登录注册、首页、详情、购买、用户中心等页面模块，完整的电商平台</p>
                <p>开发中pc端使用的语言包括html，css，css3，jQuery，javascript开发中pc端使用的语言包括html，css，css3，jQuery，javascript</p>
                <p>前端环境是nodeJs；使用到了requireJs依赖模块</p>
                <p>使用了gulp的命令来启动项目</p>
                <p>日常工作的维护</p>
            </li>

            <li>
                <div class="circle"></div>
                <h5>必优移动端<a href="http://m.buysensor.com" target="_blank"  style="font-size:12px;">网址：<i class="fa fa-fw fa-external-link"></i></a></h5>
                <p>大型电商平台系统——<a href="http://m.buysensor.com" target="_blank">H5页面</a>的前端开发，该项目后端由.net 和java 实现，主要负责部分页面的ajax数据开发和功能实现，以及网站公共功能和模块的开发</p>
                <p>通过JavaScript控制实现rem的方式配合css3的媒体查询实现移动端页面开发</p>
                <p>样式中给html设计了fontSize的值，整体单位用rem，再用js动态计算当前宽度下的fontSize的值</p>
                <p>swiper实现在页面的上下、左右滑动效果，用animate.css来增加页面的可视效果</p>
                <p>同时也用到了jqueryMobile+torchjqueryMobile+torch</p>
                <p>利用ajax调用后端程序的接口，对页面进行数据交互，实现前后端分离同步进行</p>
            </li>

        </ul>

            


            </ul>
            <h4>个人项目</h4>

            <ul class="itemList">

                <li>
                    <div class="circle"></div>
                    <h5>个人简历<a href="https://ferje031.gitee.io/works/resume/index.html" target="_blank" style="font-size: 12px;">网址：<i class="fa fa-fw fa-github"></i></a></h5>
                    <p>这个简历的源码,设计优雅、内容完善的静态简历页面,可下载world文档</p>
                </li>

                <li>
                    <div class="circle"></div>
                    <h5>南潮嘉音
                        <a href="https://ferje031.gitee.io/nanchaojiayin" target="_blank" style="font-size: 12px;">网址：
                            <i class="fa fa-fw fa-github"></i>
                        </a>
                    </h5>
                    <p>用到了animation.css于首页的动画</p>
                    <p>在作品展示，用JavaScript做了图片的延迟加</p>
                </li>

                <li>
                    <div class="circle"></div>
                    <h5>其他</h5>
                    <p>日常中研究一些布局和动画效果，</p>
                    <p>360全屏网站首页：<a href="https://ferje031.oschina.io/works/全屏滚动页面//ferje.html" target="_blank">https://ferje031.oschina.io/works/360全屏网站首页/ferje.html</a></p>
                    <p>南潮嘉音：<a href="https://ferje031.gitee.io/nanchaojiayin/" target="_blank">https://ferje031.gitee.io/nanchaojiayin/</a></p>
                    <p>鼠标移入：<a href="https://ferje031.gitee.io/works/小米/主图.html" target="_blank">https://ferje031.gitee.io/works/小米/主图.html</a></p>
                    <p>手风琴: <a href="https://ferje031.oschina.io/works/手风琴/index.html" target="_blank">https://ferje031.oschina.io/works/手风琴/index.html</a></p>
                    <p>优酷TV轮播图：<a href="https://ferje031.oschina.io/works/优酷TV轮播图/index.html" target="_blank">https://ferje031.oschina.io/works/优酷TV轮播图/index.html</a></p>
                   <p>淘宝图片放大镜效果：<a href="https://ferje031.gitee.io/works/淘宝图片放大镜特效/index.html" target="_blank">https://ferje031.gitee.io/works/淘宝图片放大镜特效/index.html</a></p>

                </li>
            </ul>

            <h3 class="rightTitle"><i class="fa fa-fw fa-rocket"></i>掌握技能</h3>
            <h4>前端</h4>
            <ul class="itemList">
                <li>
                    <div class="circle"></div>
                    <h5>HTML/CSS</h5>
                    <p>能够编写语义化的 HTML，完成较复杂的布局,</p>
                    <p>模块化的 CSS，熟练使用css3属性完成炫酷的H5动画效果</p>
                </li>

                <li>
                    <div class="circle"></div>
                    <h5>JavaScript</h5>
                    <p>
                        熟悉原生 Javascript，能脱离 jQuery 等类库编码
                    </p>
                    <p>
                        能够封装构造函数类插件及组件
                    </p>
                </li>
                <li>
                    <div class="circle"></div>
                    <h5>框架类</h5>
                    <p>
                        能够熟悉使用vue.js框架并结合ElementUI进行模块化页面开发
                    </p>
                    <P>
                        熟练使用css3属性结合swiper.js skrollr.js完成炫酷的H5动画效果
                    </P>
                    <p>
                        ES6语言
                    </p>
                </li>
            </ul>

            <h4>其他</h4>
            <ul class="itemList">

                <li>
                    <div class="circle"></div>
                    <h5>软件类</h5>
                    <p>精通PS软件，能够完成UI设计师的图片进行切图，对网站的图片进行定期的维护及修改；
                    </p>

                </li>
            </ul>
    </div>

</div>


<div class="footer">
    Made with <i class="fa fa-fw fa-heart"></i> by <a href="https://gitee.com/ferje031/works/blob/master/resume/index.html" target="_blank">黄小丫</a>. <a
        href="source/个人简历.docx" target="_blank">world 下载</a>.最后更新于2018年8月30日
</div>
<div class="review">
    <img src="" alt=""/>
</div>
</body>
<script src="js/jquery-3.2.1.min.js"></script>
<script>
$(function(){
    $('.itemList li img').on('click',function(){
        var url = $(this).attr('src');
        $('.review img').attr('src',url);
        $('.review').fadeIn(500);
    });
    $('.review').click(function(){
        $('.review').fadeOut(500);
    })
})
</script>
</html>